// 引入基类接口
import Base from "./base.js";

// 暴露并创建新增学生视图
export default class extends Base {
  render() {
    this.$el.html(`
      <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
          <div class="layui-logo layui-hide-xs" style="font-weight:bolder;font-size:20px;">猫眼后台管理系统</div>
            <ul class="layui-nav layui-layout-left">
              <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
              </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
              <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                  <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                  admin
                </a>
                <dl class="layui-nav-child">
                  <dd><a href="">Your Profile</a></dd>
                  <dd><a href="">Settings</a></dd>
                  <dd><a href="">Sign out</a></dd>
                </dl>
              </li>
              <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                  <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
              <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                  <a>电影管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="#/info/movies">电影列表</a></dd>
                    <dd><a href="#/info/add-movies">新增电影</a></dd>
                  </dl>
                </li>
                <li class="layui-nav-item">
                  <a>影院管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="#/info/cinemas">影院列表</a></dd>
                    <dd><a href="#/info/addCinemas">新增影院</a></dd>
                  </dl>
                </li>
                <li class="layui-nav-item">
                  <a>放映厅管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="#/info/projectionHall">放映厅列表</a></dd>
                    <dd><a href="#/info/add-projectionHall">新增放映厅</a></dd>
                  </dl>
                </li>
                <li class="layui-nav-item">
                  <a href="javascript:;">排片管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="#/info/schedules">排片列表</a></dd>
                    <dd><a href="#/info/add-schedules">订单列表</a></dd>
                  </dl>
                </li>
                <li class="layui-nav-item">
                  <a href="javascript:;">座位管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="javascript:;">座位列表</a></dd>
                    <dd><a href="javascript:;">新增座位</a></dd>
                  </dl>
                </li>
              </ul>
            </div>
          </div>
          <div class="layui-body">
          <div class="info-content">
          </div>
        </div>
      </div>`
    )
  }
  
}

